/* 
    Document   : middle
    Created on : 9 août 2013, 14:02:41
    Author     : jpsiffert
    Description:
        Purpose of the stylesheet follows.
*/

.page-photos{
  
}

.page-photos .content{
  position: relative;
}

.page-photos .saison{
  display: none;
  clear: left;
}

.page-photos .saison-courante{
  display: block;
}
.page-photos dd.saison{
  margin-top: 2em;
}

.page-photos .saison li.match{
  float: left;
  font-size: 1em;
  height: 6.5em;
  margin: .3em;
  width: 12em;
  word-wrap: break-word;
  position: relative;
  padding: .2em;
  cursor: pointer;
}

.page-photos .saison li.no-image{
  border-color: #CCC;
  display: none;
}

.page-photos .saison li.match span.equipe_a
,.page-photos .saison li.match span.vs
,.page-photos .saison li.match span.equipe_b
{
  display: block;
}

 .page-photos .saison li.match span.cnt
,.page-photos .saison li.match span.date{
  position: absolute;
  bottom: .2em;
  right: .2em;
}

.page-photos .saison li.match span.cnt{
  bottom: .2em;
  left: .2em;
}

.page-photos .saison .match.over{
  background-color: lime;
}

.page-photos #btn-group{
  position: absolute;
  top: 1em;
  right: 1em;
}

.page-photos #btn-group #fileupload{
  visibility: hidden;
  width: .1em;
}
  
.page-photos #dropzone{
  border: 0.25em dashed black;
  border-radius: 0.5em 0.5em 0.5em 0.5em;
  min-height: 10em;
  height: 100%;
/*  margin: 2em 0;
  position: relative;
  width: 20%;*/
  color: black;
  cursor: default;
}
.page-photos #dropzone h1{
  text-align: center;
  color: inherit;
}

.page-photos #dropzone.no-drop{
  border-color: red;
  color: red;
  cursor: no-drop;
}

.page-photos .btn{
  position: relative;
  display: block;
}

.page-photos .btn input[type=file]{
  cursor: pointer;
  direction: ltr;
  font-size: 23px;
  margin: 0;
  opacity: 0;
  position: absolute;
  right: 0;
  top: 0;
  /*transform: translate(-300px, 0px) scale(4);*/
}

#dropzon-e {
    background: palegreen;
    width: 150px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    font-weight: bold;
}
#dropzone.in {
    color: green;
    border-color: green;
}
#dropzone.hover {
    color: green;
    border-color: green;
}
#dropzone.fade {
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    opacity: 1;
}
.bar {
    height: 18px;
    background: green;
}

#fileupload2{
    width: 95%;
}

#fileupload2 .page-photos{
  display: block;
}